
<%--
    Document   : oEstrategico
    Created on : 10/04/2010, 03:05:56 PM
    Author     : LAPTOP01
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<%@ include file="seguridad.jsp" %>


<script type="text/javascript">
    function autoCompletarDiv(metodo,url,cadena,async,idDiv)
        {
            if( window.XMLHttpRequest )
                ajax = new XMLHttpRequest();
            else
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            ELEMENT_DIV = idDiv;
            ajax.onreadystatechange = funcionCallbackVerDiv;
            ajax.open( metodo, url, async);
            ajax.send(cadena);
        }
    function funcionCallbackVerDiv()
        {
            if( ajax.readyState == 4 )
            {
                if( ajax.status == 200 )
                {
                    document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
                }
            }
        }

        function validarequipamiento(){
        
        if (document.getElementById("coddisc").value=="-1"){
            alert("Seleccione disciplina");
            document.getElementById("coddisc").focus();
            return;
        }
        if (document.getElementById("tipomat").value==""){
            alert("Ingresar tipo de material");
            document.getElementById("tipomat").focus();
            return;
        }
        if (document.getElementById("nummat").value==""){
            alert("Ingresar numero de material");
            document.getElementById("nummat").focus();
            return;
        }
        grabarequipamiento();
        }


        function editar(codequ,coddisc,tipomat,nummat){
            document.getElementById("codequ").value=codequ;
            document.getElementById("coddisc").value=coddisc;
            document.getElementById("tipomat").value=tipomat;
            document.getElementById("nummat").value=nummat;
            document.getElementById("tipooperacion").value=2;
        }

        function eliminar(codequ){
            document.getElementById("codequ").value=codequ;
            document.getElementById("tipooperacion").value=3;
            grabarequipamiento();
        }


        function grabarequipamiento(){


            if (confirmActionGuardar()==false) {
                return;
            }

                var tipoOper=document.getElementById("tipooperacion").value;

                var codequ=document.getElementById("codequ").value;
                var coddetinfr=document.getElementById("coddetinfr").value;
                var coddisc=document.getElementById("coddisc").value;
                var tipomat=document.getElementById("tipomat").value;
                var nummat=document.getElementById("nummat").value;
                var idDiv = "divTabla";
                var metodo = "GET";
                var url = "consultasAjax/listarEquipamientoModAjax.jsp?codequ="+codequ+"&coddetinfr="+coddetinfr+"&coddisc="+coddisc+"&tipomat="+tipomat+"&nummat="+nummat+"&tipoOper="+tipoOper;
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
                document.getElementById("tipooperacion").value=1;
        }


        function mostrar(){

                var tipoOper=0;

                var codequ=document.getElementById("codequ").value;
                var coddetinfr=document.getElementById("coddetinfr").value;
                var coddisc=document.getElementById("coddisc").value;
                var tipomat=document.getElementById("tipomat").value;
                var nummat=document.getElementById("nummat").value;
                var idDiv = "divTabla";
                var metodo = "GET";
                var url = "consultasAjax/listarEquipamientoModAjax.jsp?codequ="+codequ+"&coddetinfr="+coddetinfr+"&coddisc="+coddisc+"&tipomat="+tipomat+"&nummat="+nummat+"&tipoOper="+tipoOper;
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
        }


        function confirmActionGuardar(){
            if (confirm("Se Guardara los cambios hechos en la pantalla  \n ¿Esta seguro de continuar? "))
                return true;
            else
                return false;
        }


        





</script>

<html>
    <script LANGUAGE="JavaScript">
    </script>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" rel="stylesheet" href="lib/css/Style_Font_Text.css" >
        <link type="text/css" rel="stylesheet" href="lib/css/Style_PageTable.css" >
        <link type="text/css" rel="stylesheet" href="lib/css/Style_Index.css" >
        



        <title>JSP Page</title>
    </head>

    <body onload="mostrar();">
        <center>
            <h1 class="substylo">Edicion Equipamiento por implementar</h1>
        </center>
        <div style="overflow: auto; width: 700px; height: 400px">
            <html:form action="Ficha.do?dispatch=loadEquipamiento" styleId="FichaForm">
                <html:hidden property="coddetinfr" styleId="coddetinfr"/>
                <html:hidden property="codequ" styleId="codequ"/>
                <html:hidden property="tipooperacion" styleId="tipooperacion" value="1"/>

                <table border="0" align="center" cellspacing="0" style="width: 600px" >
                    <tr>
                        <td style="width: 150px">Disciplina: </td>
                        <td style="width: 400px">
                            <html:select  property='coddisc' styleId='coddisc' styleClass="select" style="width: 400px" >
                                <html:option value='-1'>[--Seleccionar Disciplina--]</html:option>
                                <html:optionsCollection name='FichaForm' property='listadiscip' value='NUM_CODDISCEQU_PK' label='TX_DESCRIPCIONDISCEQU'/>
                            </html:select>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 150;">Tipo de material </td>
                        <td style="width: 400;">
                            <html:text  styleId="tipomat" property="tipomat" maxlength="400"/>

                        </td>
                    </tr>
                    <tr>
                        <td style="width: 150;">N° de material reglamentado</td>
                        <td style="width: 400;">
                            <html:text  styleId="nummat" property="nummat" maxlength="400"/>

                        </td>
                    </tr>

                                    
                                    
                                    <tr>
                                        <td colspan="2" align="center"><input type="button" id="grabarevento" value="Grabar" onclick="validarequipamiento()" class="submit2"/></td>
                                </tr>






            </table>


                <div id="divTabla" style="width:100%">

                </div>


        </div>


            </html:form>
    </body>
</html>